<div class="panel" id="panel" action="Productos" onload="panel.refreshList()">
<div class="grid" id="mainGrid">
</div>
<div class="buttonBar">
	<table>
			<tr>
				<td>
					<button type="button" onclick="panel.previous()">&lt;</button>
					<button type="button" onclick="panel.next()">&gt;</button>
					<button type="button" onclick="panel.refreshList()">Actualizar</button>
				</td>
				<td align="right">
					<button type="button" onclick="panel.add()">Agregar</button>
					<button type="button" onclick="panel.modify()">Modificar</button>
					<button type="button" onclick="panel.remove()">Eliminar</button>
				</td>
			</tr>
	</table>
</div>
<div class="modal" id="edit">
	<table>
		<tr>
			<td>Nombre:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td>Precio:</td>
			<td><input type="text" value="" name="prize"></input>
		</tr>
		<tr style="display:none;">
			<td>id;</td>
			<td><input type="hidden" value="" name="id"></input></td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="panel.confirmEditModal()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
<div class="modal" id="filter">
	<table>
		<tr>
			<td>Nombre:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="filterElement()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
</div>